<template>
	<view>
		<view class="content">
			<view class="personal_message u-flex-col u-row-between u-p-t-30 u-p-b-30">
				<view class="personal_message_top u-flex">
					<view class="personal_message_top_left u-m-l-30">
						<u-avatar :src="src"></u-avatar>
					</view>
					<view class="personal_message_top_right u-flex u-row-between u-flex-1 u-m-r-30 u-m-l-10">
						<text>用户名</text>
						<text>双人vip会员</text>
					</view>
				</view>
				<view class="personal_message_bottom u-flex">
					<view class="personal_message_bottom_item u-flex-col u-col-center u-row-center u-flex-1">
						<text>2</text>
						<text>可用门票</text>
					</view>
					<view class="personal_message_bottom_item u-flex-col u-col-center u-row-center u-flex-1">
						<text>2</text>
						<text>活动预约</text>
					</view>
					<view class="personal_message_bottom_item u-flex-col u-col-center u-row-center u-flex-1">
						<text>2</text>
						<text>可用优惠券</text>
					</view>
				</view>
			</view>
			<view class="">
				<u-cell-group>
					<u-cell-item title="我的激活码" :arrow="false" :title-style="titleStyle"></u-cell-item>
					<u-cell-item title="我的卡包" :arrow="false" :title-style="titleStyle"></u-cell-item>
					<u-cell-item title="信息管理" :arrow="false" :title-style="titleStyle"></u-cell-item>
					<u-cell-item title="服务电话" :arrow="false" :title-style="titleStyle"></u-cell-item>
					<u-cell-item title="退出登录" :arrow="false" :title-style="titleStyle"></u-cell-item>
				</u-cell-group>
			</view>
			<u-tabbar v-model="current" :list="vuex_tabbarlist"></u-tabbar>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
				titleStyle:{
					fontSize:"24rpx"
				}
			}
		},
		onLoad() {},
		methods: {}
	}
</script>

<style lang="scss">
	.content {
		.personal_message {
			font-size: 24rpx;
			width: 100%;
			height: 320rpx;
			background: #F0FFF0;
			.personal_message_bottom {
				.personal_message_bottom_item{
					border: 1rpx solid #EAEAEA;
					height: 110rpx;
					background: #fff;
					text:first-of-type{
						font-size: 36rpx;
						font-weight: 600;
					}
					text:last-of-type{
						font-size: 20rpx;
					}
				}
				.personal_message_bottom_item:first-of-type{
					border-left: 0;
				}
				.personal_message_bottom_item:last-of-type{
					border-right: 0;
				}
			}
		}
	}
</style>
